import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/views/home/Home.vue'
import student from '@/views/home/student'
import welcome from '@/views/home/welcome'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home,
      redirect:'/welcome',
      children: [
        {
          path: 'student',
          component: student
        },
        {
          path: "welcome",
          component: welcome
        }
      ]
    },
    {
      path: "/login",
      component: () => import(/* webpackChunkName: "login" */ '../views/login')
    }
  ]
})

    // {
    //   path: '/about',
    //   name: 'about',
    //   // route level code-splitting
    //   // this generates a separate chunk (about.[hash].js) for this route
    //   // which is lazy-loaded when the route is visited.
    //   component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
    // }